<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Revauc</title>
<link type="text/css" rel="stylesheet" href="css/style.css" />

    <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
<script src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.lightbox-0.5.min.js"></script>
    <!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->
    
    <!-- Ativando o jQuery lightBox plugin -->
    <script type="text/javascript">
    $(function() {
        $('img').lightBox();
    });
    </script>
</head>
<body>
    <div id="wrap">
	<div class="top-nav">
    	<ul class="menu">
        	<li><a href="JavaScript:void(0);">Home</a></li>
            <li>|</li>
        	<li><a href="JavaScript:void(0);">About Revauc</a></li>
            <li>|</li>
            <li><a href="JavaScript:void(0);">Blog</a></li>
            <li>|</li>
        	<li><a href="JavaScript:void(0);">How it works</a></li>
        </ul>
        <ul class="account-settings">
        	<li><a href="JavaScript:void(0);">My Dashboard</a></li>
            <li>|</li>
        	<li><a href="JavaScript:void(0);"><span>13</span>&nbsp;Notifications</a></li>
            <li>|</li>
            <li><a href="JavaScript:void(0);">John Pandey<img src="images/down-arrow.png" /></a></li>
        </ul>
    </div><!---End of top-nav--->
    <div class="clearfix"></div>
    	<div id="header">
            <a href="#"><img src="images/logo.png" /></a>
        	<div class="search-data">
            	<div class="lt-bg"></div>
                <div class="cr-bg">
                <ul>
                	<li><a href="JavaScript:void(0);">Market Place</a></li>
                	<li><a href="JavaScript:void(0);">Create new deal</a></li>
                	<li class="active"><a href="JavaScript:void(0);"  class="search-cat">View Master Catalouge</a><span class="right-bg"></span></li>
		            <li><input type="text" class="search-input" /><a href="JavaSAcript:void(0);" class="search-btn">Search</a></li>
                </ul>
                </div>
                <div class="rt-bg"></div>
            </div><!---End of search-data--->
        </div><!-- #header -->
        <div class="content">
        	<div class="content-top-bg">
            </div>
            <div class="content-mid-bg">
            <h1 class="margin-b">Create New Deal</h1>
            <ul>
                <li>Nulla at nulla justo</li>
                <li>Donec viverra auctor lobortis. Pellentesque eu est a nulla</li>
                <li><span class="required-fld">*</span> For best response please fill all the fields.</li>
            </ul>
            
            <div class="pad">
            <div class="form-cont bor-curve">
            	<ul class="form-ul">
                	<li>
                    	<label class="fld-ttl">Select deal type</label>
                        <select name="dealType">
                        	<option value="1">Option 1</option>
                        	<option value="2">Option 2</option>
                        	<option value="3">Option 3</option>
                        </select>
                        <span class="required-fld">*</span>
                    </li>
                	<li>
                    	<label class="fld-ttl">Deal title</label>
                        <input type="text" />
                        <span class="required-fld">*</span>
                    </li>
                	<li>
                    	<label class="fld-ttl">Select Category</label>
                        <select name="dealType">
                        	<option value="1">Option 1</option>
                        	<option value="2">Option 2</option>
                        	<option value="3">Option 3</option>
                        </select>
                        <span class="required-fld">*</span>
                    </li>
                	<li>
                    	<label class="fld-ttl">Select Brand</label>
                        <select name="dealType">
                        	<option value="1">Option 1</option>
                        	<option value="2">Option 2</option>
                        	<option value="3">Option 3</option>
                        </select>
                        <span class="required-fld">*</span>
                    </li>
                	<li>
                    	<label class="fld-ttl">Select Product</label>
                        <select name="dealType">
                        	<option value="1">Option 1</option>
                        	<option value="2">Option 2</option>
                        	<option value="3">Option 3</option>
                        </select>
                        <span class="required-fld">*</span>
                    </li>
                	<li>
                    	<label class="fld-ttl">Enter Specs</label>
                        <input type="text" />
                        <span class="required-fld">*</span>
                    </li>
                	<li>
                    	<label class="fld-ttl">Comments</label>
                        <textarea></textarea>
                    </li>
                    <li>
                    	<div class="inline-fld"><label><input type="checkbox" /> Post to Facebook</label></div>
                    	<div class="inline-fld"><label><input type="checkbox" /> Tweet this</label></div>
                    </li>
                    <li>
                    	<input type="checkbox" /> I agree to the <a href="#">terms and conditions</a>
                    </li>
                    <li>
                    	<button type="submit"><span>Invite Bids</span></button>
                        <button type="button"><span>Preview Deal</span></button>
                    </li>
                </ul>
            
            </div><!-- .form-cont -->
            
            <div class="other-deal-info">
            	
                <div class="deal-info bor-curve">
                	<div class="deal-info-hd">
                    	<h4>You can also do the following</h4>
                    </div><!-- .deal-info-hd -->
                    <div class="deal-info-bd">
                    	<ul class="prod-list">
                        	<li><a href="#">Edit existing Open Deals</a></li>
                            <li><a href="#">View Deals history</a></li>
                        </ul>
                    
                    </div><!-- .deal-info-bd -->
                </div><!-- .deal-info -->
            
                <div class="deal-info bor-curve">
                	<div class="deal-info-hd">
                    	<h4>Similar Deals on Marketplace</h4>
                    </div><!-- .deal-info-hd -->
                    <div class="deal-info-bd">
                    	Etiam scelerisque, nunc ac egestas consequat, odio nibh euismod.                    
                    </div><!-- .deal-info-bd -->
                </div><!-- .deal-info -->
            
                <div class="deal-info bor-curve">
                	<div class="deal-blk">
                    	<img src="images/iphone.png?1324047037056" width="100">
                        <div class="float-l">
                            <strong><a href="#">iPhone4</a></strong> <strong class="ver-sptr">|</strong> Deal created by : <a href="#">User Name</a>
                            <div>Etiam scelerisque, nunc ac egestas consequat, odio nibh euismod.</div>
                            
                            <div class="act-deal margin-t-b">Active Deal</div>
                            
                            <a href="#">Copy Details to create Deal</a> <span  class="ver-sptr">|</span> <a href="#">Join Group</a>
                    	</div>
                        <div class="clear"></div>
                    </div><!-- deal-blk -->
                    
                    <div class="hr margin-t-b"></div>
                    
                	<div class="deal-blk">
                    	<img src="images/iphone.png?1324047037056" width="100">
                        <div class="float-l">
                            <strong><a href="#">iPhone4</a></strong> <strong class="ver-sptr">|</strong> Deal created by : <a href="#">User Name</a>
                            <div>Etiam scelerisque, nunc ac egestas consequat, odio nibh euismod.</div>
                            
                            <div class="inact-deal margin-t-b">Active Deal</div>
                            
                            <a href="#">Copy Details to create Deal</a> <span  class="ver-sptr">|</span> <a href="#">Join Group</a>
                    	</div>
                        <div class="clear"></div>
                    </div><!-- deal-blk -->
                    <div class="clear"></div>
                    
                </div><!-- .deal-info -->
            
            </div><!-- .other-deal-info -->
            
            	<div class="clear"></div>
            </div><!--.pad -->
            
            
                        <div class="marketplace-blk">
            	<h2>Markepalce Highlights</h2>
                
                <div class="join-deal-blk">
                <div class="join-deal-bd">
                    	<img src="images/img1.jpg" width="200" />
                        <h4>NOKIA Phones</h4>
                        <p>2,300 - 3,000</p>
                        <p>POsted by Hemant Kumar</p>
                </div> <!-- .join-deal-bd --> 
                <div class="clear"></div>                  
                <div class="join-deal-ft">
                	<button type="button"><span>Join Group Deal</span></button>
                </div><!-- .join-deal-ft -->
                </div><!-- .join-deal-blk-->
                
                <div class="join-deal-blk">
                <div class="join-deal-bd">
                    	<img src="images/img1.jpg" width="200" />
                        <h4>NOKIA Phones</h4>
                        <p>2,300 - 3,000</p>
                        <p>POsted by Hemant Kumar</p>
                </div> <!-- .join-deal-bd --> 
                <div class="clear"></div>                  
                <div class="join-deal-ft">
                	<button type="button"><span>Join Group Deal</span></button>
                </div><!-- .join-deal-ft -->
                </div><!-- .join-deal-blk-->

                <div class="join-deal-blk">
                <div class="join-deal-bd">
                    	<img src="images/img1.jpg" width="200" />
                        <h4>NOKIA Phones</h4>
                        <p>2,300 - 3,000</p>
                        <p>POsted by Hemant Kumar</p>
                </div> <!-- .join-deal-bd --> 
                <div class="clear"></div>                  
                <div class="join-deal-ft">
                	<button type="button"><span>Join Group Deal</span></button>
                </div><!-- .join-deal-ft -->
                </div><!-- .join-deal-blk-->

                <div class="join-deal-blk margin-r-n">
                <div class="join-deal-bd">
                    	<img src="images/img1.jpg" width="200" />
                        <h4>NOKIA Phones</h4>
                        <p>2,300 - 3,000</p>
                        <p>POsted by Hemant Kumar</p>
                </div> <!-- .join-deal-bd --> 
                <div class="clear"></div>                  
                <div class="join-deal-ft">
                	<button type="button"><span>Join Group Deal</span></button>
                </div><!-- .join-deal-ft -->
                </div><!-- .join-deal-blk-->


            </div><!-- .marketplace-blk -->
            
            </div><!---End of content-mid-bg--->
            <div class="content-bottom-bg"></div>
        </div><!---End of content--->  
      <div id="footer">
        	<div>&copy; Copyright Ravauc India pvt.ltd. 2011</div>
        	<a href="#">Terms & Conditions </a> | 
        	<a href="#">Site Map</a> | 
        	<a href="#"> Verisign Secure Site</a> | 
        	<a href="#">CC Avenue</a>
        </div><!--#footer -->   
	<div class="clear"></div>  
    </div><!-- #wrap -->
</body>
</html>
